<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <meta name="format-detection" content="telephone=no"/>
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="js/jquery-2.2.3.min.js" ></script>
	    <link href="css/flexslider.css" rel="stylesheet" type="text/css" media="all">
		<title>赛默飞登录</title>
<script>
$(function(){
	var windowH=$(window).height();
	var documentH=$(document).height();
	function loginBgH(){
		if(windowH<documentH){
		$('.loginBg').css({"height":"auto"})
		$('.login p').css({'position':'static','margin-top':'10%','bottom':'0','padding-bottom':'10%'})
			}
		else{
		$('.loginBg').css({"height":windowH})	
		$('.login p').css({'position':'absolute','margin-top':'0','bottom':'4.5%','padding-bottom':'0'})
				}
		}
		
	loginBgH();
	$(window).resize(function(){
		loginBgH();
		})

	})
</script>
      
	</head>
	<body>
 <div class="loginBg">
   <div class="login">
     <div class="name"><img src="images/smf_name.png" alt=""/></div>
    <h1>赛默飞宣传品管理系统</h1>
    
    <input type="text" class="user" placeholder="请输入用户名">
    <input type="password" class="password" placeholder="请输入密码">
    <div class="btn">登　录</div>
    <div class="logo"><img src="images/smf_logo.png"  alt=""/></div>
    <p>客户服务热线：021-60962645<br/>如需申请下单账户等问题，请联系系统管理者<br/>astrid.liu@thermofisher.com</p>
   </div>
   
 </div>
	</body>
</html>
